@charset "utf-8";
html {overflow: hidden;}
body {width: 100%;height: 100%;font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;font-size:14px;color:#555;}
a:link {color: #555;text-decoration: none;}
a:visited {text-decoration: none;color: #555;}
a:hover {text-decoration: none;color: #555;}
a:active {text-decoration: none;color: #555;}
a:focus {outline:none;}/*去掉链接虚线框*/
img{border:0;}
/*index公用*/
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;*/
	z-index: 1
}
.swiper-wrapper {position: relative;width: 100%;
/*过渡效果*/
	-webkit-transition-property: -webkit-transform,left,top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px,0,0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform,left,top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px,0,0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform,left,top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px,0,0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px,0px);
	-ms-transition-property: -ms-transform,left,top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px,0,0);
	-ms-transition-timing-function: ease;
	transition-property: transform,left,top;
	transition-duration: 0s;
	transform: translate3d(0px,0,0);
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box*/
}
.swiper-free-mode>.swiper-wrapper {margin: 0 auto;
/*	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;*/
}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
section {width: 100%;position: relative;overflow: hidden;}
section .scroll-outer{height:300px;}
/*index公用 end*/

/*welcome*/
div.welcome {position:fixed; top:0;width: 100%;height: 100%;
    /*background-color:#222;*/
	-moz-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
	z-index: 999; 
}
div.welcome p{display: block;position: absolute;margin: 0px;padding: 0px;width: 370px;height: 30px;cursor:pointer;padding-top: 200px;top: 50%;left: 50%;margin-top: -135px;margin-left: -185px;color: #2fd0b5;font-size: 20px;text-align: center;overflow: hidden;}
div.welcome p u{text-decoration: none;}
div.welcome p u span{font-size:15px;}
/*welcome end*/

/*index首屏*/
.video .swiper-container{width: 100%;}
.video .swiper-container .swiper-slide{position: relative;overflow: hidden;}
.video .swiper-container .nth1 {background: url(../images/wallpaper1_1.jpg) 50% 35%;-moz-background-size: cover;background-size: cover;}
.video .swiper-container .nth1 .box {position: relative;margin: 0 auto;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
}
.video .swiper-container .nth1 .box .left{position:absolute;left:-300px;width:0px;height:231px;background:url(../images/words.png) no-repeat top right;-moz-opacity:0;opacity:0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.video .swiper-container .nth1.active .box .left {left: 0px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth1 .box .right{position:absolute;right:-500px;margin:30px 0 0 120px;-moz-opacity:0;opacity:0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.video .swiper-container .nth1.active .box .right{right: 0px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth1 .box .right span{font-size: 36px;color: White;}
.video .swiper-container .nth1 .box .right i{display: block;width: 339px;height: 66px;margin-bottom: 5px;background: url(../images/words.png) no-repeat;}
.video .swiper-container .nth1 .box .right p{font-size: 16px;line-height: 25px;color: #ccc;}
.video .swiper-container .nth1 .shade {position:absolute;width:400%;height:1800px;background:url(../images/swiper_nth1_shade.png) no-repeat center top;background-size:cover;
	-webkit-transition: width .8s ease-in-out .3s;
	-moz-transition: width .8s ease-in-out .3s;
	-ms-transition: width .8s ease-in-out .3s;
	-o-transition: width .8s ease-in-out .3s;
	transition: width .8s ease-in-out .3s;
}
.video .swiper-container .nth1.active .shade{width: 100%;}
.video .swiper-container .nth1 .line{position: relative;margin: 0 auto;top: -91px;width: 602px;height: 413px;z-index: 20;}
.video .swiper-container .nth1 .line u {display:block;width:0;height:0;border:1px dashed #22fae2;text-decoration:none;-moz-opacity:0;opacity:0;
	-webkit-transition: all .8s ease-in .7s;
	-moz-transition: all .8s ease-in .7s;
	-ms-transition: all .8s ease-in .7s;
	-o-transition: all .8s ease-in .7s;
	transition: all .8s ease-in .7s;
}
.video .swiper-container .nth1.active .line u{width: 600px;height: 411px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth2{background: url(../images/wallpaper1_2.jpg) 50% 20%;-moz-background-size: cover;background-size: cover;}
.video .swiper-container .nth2 .box {
	position: absolute;
	left: -350px;
	text-align: right;
	-webkit-transition: left .6s ease-in-out 0s;
	-moz-transition: left .6s ease-in-out 0s;
	-ms-transition: left .6s ease-in-out 0s;
	-o-transition: left .6s ease-in-out 0s;
	transition: left .6s ease-in-out 0s;
	z-index: 10;
}
.video .swiper-container .nth2 .box span{font-size: 36px;color: White;}
.video .swiper-container .nth2 .box i{display: block;width: 320px;height: 65px;margin: 10px 0px 8px 0px;background: url(../images/words.png) no-repeat 0px -72px;}
.video .swiper-container .nth2 .box p{margin: 0px;font-size: 16px;line-height: 25px;color: #ccc;}
.video .swiper-container .nth2 .shade {width:100%;height:125pc;background:#0b151a;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.video .swiper-container .nth2.active .shade{width: 50%;-moz-opacity: 0.75;opacity: 0.75;filter: alpha(opacity=75);}
.video .swiper-container .nth3{background: url(../images/wallpaper1_3.jpg) 50% center;-moz-background-size: cover;background-size: cover;}
.video .swiper-container .nth3 .box{position: relative;width: 100%;}
.video .swiper-container .nth3 .box .top {font-size:5pc;color:#fff;text-align:center;-moz-opacity:0;opacity:0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	z-index: 10;
}
.video .swiper-container .nth3.active .box .top {font-size: 36px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth3 .box .mid {width:358px;height:66px;margin:0 auto;margin-top:20px;margin-bottom:10px;background:url(../images/words.png) no-repeat 0 -219px;-moz-opacity:0;opacity:0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.video .swiper-container .nth3.active .box .mid {-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth3 .box .bottom {width:100%;color:#ccc;font-size:1pc;line-height:30px;text-align:center;-moz-opacity:0;opacity:0;
	-webkit-transition: all .6s ease-in-out .3s;
	-moz-transition: all .6s ease-in-out .3s;
	-ms-transition: all .6s ease-in-out .3s;
	-o-transition: all .6s ease-in-out .3s;
	transition: all .6s ease-in-out .3s;
	z-index: 10;
}
.video .swiper-container .nth3.active .box .bottom {-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth4 {background: url(../images/wallpaper1_4.jpg) 50% top;-moz-background-size: cover;background-size: cover;}
.video .swiper-container .nth4 .box {position: relative;width: 100%;}
.video .swiper-container .nth4 .box .top {position:relative;top:-75pt;width:100%;text-align:center;-moz-opacity:0;opacity:0;
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
	z-index: 10;
}
.video .swiper-container .nth4.active .box .top{top: 0px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth4 .box .top span{font-size: 36px;color: White;}
.video .swiper-container .nth4 .box .top i{display: block;width: 242px;height: 64px;margin: 0 auto;margin-top: 15px;background: url(../images/words.png) no-repeat 0px -147px;}
.video .swiper-container .nth4 .box .bottom {position:relative;top:75pt;width:100%;margin-top:15px;font-size:1pc;line-height:25px;color:#ccc;text-align:center;-moz-opacity:0;opacity:0;
	-webkit-transition: all .5s linear 0s;
	-moz-transition: all .5s linear 0s;
	-ms-transition: all .5s linear 0s;
	-o-transition: all .5s linear 0s;
	transition: all .5s linear 0s;
	z-index: 10;
}
.video .swiper-container .nth4.active .box .bottom{top: 0px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth4 .box .bottom u{margin: 0 5px;color: #00dfb9;text-decoration: none;}
.video .innerBox{position: absolute;bottom: 40px;width: 100%;z-index: 10;}
.video .innerBox .news{margin:0 auto;margin-bottom:30px;width: 400px; height:30px; line-height:30px; overflow:hidden;}
.video .innerBox .news span{float: left;margin: 1px 15px 0px 0px;color: #00dfb9;font-weight: bold;}
.video .innerBox .news ul{float: left;}
.video .innerBox .news ul li{width:300px;color:#ddd;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.video .innerBox .news ul li a{color:#ddd;}
.video .innerBox .news a.more {float:right;color:#00dfb9;margin:-3px 0 0 10px;text-decoration:none;border-bottom:1px dotted #00dfb9;
	-webkit-transition: color .3s ease-in-out 0s;
	-moz-transition: color .3s ease-in-out 0s;
	-ms-transition: color .3s ease-in-out 0s;
	-o-transition: color .3s ease-in-out 0s;
	transition: color .3s ease-in-out 0s;
}
.video .innerBox .news a.more:hover {color: White;text-decoration: none;
	-webkit-transition: color .3s ease-in-out 0s;
	-moz-transition: color .3s ease-in-out 0s;
	-ms-transition: color .3s ease-in-out 0s;
	-o-transition: color .3s ease-in-out 0s;
	transition: color .3s ease-in-out 0s;
}
.video .innerBox .guide{margin: 0 auto;margin-bottom: 80px;width: 200px;}
.video .innerBox .guide a{display: block;float: left;margin: 0 5px;width: 40px;height: 3px;font-size: 3px;background: White;cursor: pointer;}
.video .innerBox .guide a.active{background: #00dfb9;}
.video .innerBox a.movedown{display: block;margin: 0 auto;width: 47px;height: 47px;background: url(../images/icons.png) no-repeat 0px -60px;cursor: pointer;z-index: 99;}
.video .innerBox a.movedown:hover{background: url(../images/icons.png) no-repeat 0px -112px;}
/*index首屏 end*/

/*we-do*/
section.business{background: url(../images/wallpaper2.jpg) 50% bottom;}
.business .box {position: relative;margin-top: -55px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.business .box .caption {width:100%;text-align:center;-moz-opacity:0;opacity:0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.business.active .box .caption{-moz-opacity: 1;opacity: 1;}
.business .box .caption i{display: block;margin: 0 auto;margin-bottom: 20px;width: 320px;height: 31px;background: url(../images/words.png) no-repeat 0px -294px;}
.business .box .caption span{font-size: 24px;letter-spacing: 3px;}
.business .box ul.items{margin: 0 auto;margin-top: 60px;}
.business .box ul.items li{width: 200px;height: 300px;margin: 0 8px;background: url(../images/bg_green.png) no-repeat 0px 400px;overflow: hidden;}
.business .box ul.items li i{display: block;position: relative;margin: 0 auto;margin-top: 43px;height: 69px;}
.business .box ul.items li.pc i{width: 69px;background: url(../images/words.png) no-repeat -245px -357px;}
.business .box ul.items li.mobi i{width: 64px;background: url(../images/words.png) no-repeat -416px -291px;}
.business .box ul.items li.sys i{width: 76px;background: url(../images/words.png) no-repeat -415px -362px;}
.business .box ul.items li.app i{width: 74px;background: url(../images/words.png) no-repeat -244px -439px;}
.business .box ul.items li.host i{width: 79px;background: url(../images/words.png) no-repeat -420px -439px;}
.business .box ul.items li u {display:block;position:absolute;width:156px;height:156px;margin-left:22px;background:url(../images/words.png) no-repeat 0 -363px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.business .box ul.items li u.cl{clip: rect(0px,156px,-10px,78px);}
.business.active .box ul.items li u.cl{clip: rect(0px,156px,156px,78px);}
.business .box ul.items li u.cr{clip: rect(156px,78px,156px,0px);}
.business.active .box ul.items li u.cr{clip: rect(0px,78px,156px,0px);}
.business .box ul.items li strong{display: block;margin-top: 70px;font-size: 16px;font-weight: normal;text-align: center;}
.business .box ul.items li p{position: relative;top: 200px;color: White;font-family: Arial,"宋体";font-size: 12px;line-height: 20px;text-align: center;}
.business .box ul.items li:hover {background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}
.business .box ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}
.business .box ul.items li.pc:hover i{background: url(../images/words.png) no-repeat -168px -357px;}
.business .box ul.items li.mobi:hover i{background: url(../images/words.png) no-repeat -337px -291px;}
.business .box ul.items li.sys:hover i{background: url(../images/words.png) no-repeat -327px -362px;}
.business .box ul.items li.app:hover i{background: url(../images/words.png) no-repeat -164px -439px;}
.business .box ul.items li.host:hover i{background: url(../images/words.png) no-repeat -335px -439px;}
.business .box ul.items li:hover u.cl{clip: rect(0px,156px,-10px,78px);}
.business .box ul.items li:hover u.cr{clip: rect(156px,78px,156px,0px);}
.business .box ul.items li:hover strong {color: White;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
.business .box ul.items li:hover p {top: 10px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}
.business .box label {display: block;margin: 0 auto;margin-top: -40px;width: 297px;height: 21px;background: url(../images/words.png) no-repeat 0px -333px;}
/*we-do end*/

/*web cases*/
section.cases {background: url(../images/wallpaper3.jpg);}
.cases .box {
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.cases .box .caption {width: 100%;text-align: center;-moz-opacity: 0;opacity: 0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.cases.active .box .caption{-moz-opacity: 1;opacity: 1;}
.cases .box .caption i{display: block;margin: 0 auto;margin-bottom: 20px;width: 129px;height: 37px;background: url(../images/words.png) no-repeat 0px -528px;}
.cases .box .caption span{font-size: 24px;letter-spacing: 3px;padding-left: 10px;}
.cases .box .swiper-container.items {position:relative;margin:0 auto;margin-top:60px;top:700px;width:100%;
	-webkit-transition: all .8s ease-in-out 0s;
	-moz-transition: all .8s ease-in-out 0s;
	-ms-transition: all .8s ease-in-out 0s;
	-o-transition: all .8s ease-in-out 0s;
	transition: all .8s ease-in-out 0s;
}
.cases.active .box .swiper-container.items {top: 0px;}
.cases .box .swiper-container.mini,.cases .box .swiper-container.xs,.cases .box a.prev,.cases .box a.next {display: none;}
.cases .box a.more {display:block;position:relative;margin:0 auto;margin-top:50px;top:700px;width:90pt;padding:5px 0;color:#00dfb9;font-size:26px;text-align:center;text-decoration:none;border:1px dotted #00dfb9;
	-webkit-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
}
.cases.active .box a.more{top: 0px;}
.cases .box a.more:hover{color: White;background: #2fd0b5;}
/*web cases end*/

/*brand design*/
section.clients{background: url(../images/wallpaper4.jpg) 50% 90%;}
.clients .box {position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.clients .box .caption {
	width: 100%;
	text-align: center;
	/*标题过渡
	-moz-opacity: 0;opacity: 0; 
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;*/
}
.clients.active .box .caption{-moz-opacity: 1;opacity: 1;}
.clients .box .caption i{display: block;margin: 0 auto;margin-bottom: 20px;width: 299px;height: 37px;background: url(../images/words.png) no-repeat -152px -528px;}
.clients .box .caption span{font-size: 24px;padding-left: 10px;}
/*brand design end*/

/*媒介*/
section.quality {background: url(../images/wallpaper5.jpg) 50% 10%;}
.quality .box {position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.quality .box .caption {width:100%;text-align:center;-moz-opacity:0;opacity:0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.quality.active .box .caption{-moz-opacity: 1;opacity: 1;}
.quality .box .caption i{display: block;margin: 0 auto;margin-bottom: 20px;width: 240px;height: 37px;background: url(../images/words.png) no-repeat 0px -576px;}
.quality .box .caption span{padding-left: 5px;color: White;font-size: 24px;}
.quality .box .items{margin: 0 auto;margin-top: 120px;width: 960px;}
.quality .box .swiper-slide{position: relative;width: 240px;margin: 0 40px;}
.quality .box .items .swiper-slide.nth1 {left: -300px;
	-webkit-transition: all .8s ease-in-out 0s;
	-moz-transition: all .8s ease-in-out 0s;
	-ms-transition: all .8s ease-in-out 0s;
	-o-transition: all .8s ease-in-out 0s;
	transition: all .8s ease-in-out 0s;
}
.quality.active .box .items .swiper-slide.nth1 {left: 0px;}
.quality .box .items .swiper-slide.nth2 {bottom: -300px;
	-webkit-transition: all .8s ease-in-out 0s;
	-moz-transition: all .8s ease-in-out 0s;
	-ms-transition: all .8s ease-in-out 0s;
	-o-transition: all .8s ease-in-out 0s;
	transition: all .8s ease-in-out 0s;
}
.quality.active .box .items .swiper-slide.nth2 {bottom: 0px;}
.quality .box .items .swiper-slide.nth3 {right: -300px;
	-webkit-transition: all .8s ease-in-out 0s;
	-moz-transition: all .8s ease-in-out 0s;
	-ms-transition: all .8s ease-in-out 0s;
	-o-transition: all .8s ease-in-out 0s;
	transition: all .8s ease-in-out 0s;
}
.quality.active .box .items .swiper-slide.nth3{right: 0px;}
.quality .box .swiper-slide ul{margin: 0 auto;margin-bottom: 20px;}
.quality .box .swiper-slide ul li{position: relative;margin: 0 15px;padding: 0;overflow: hidden;}
.quality .box .swiper-slide ul li.mobi{width: 14px;height: 27px;background: url(../images/icons.png) no-repeat 0px -264px;}
.quality .box .swiper-slide ul li.pad{width: 29px;height: 23px;background: url(../images/icons.png) no-repeat -71px -264px;}
.quality .box .swiper-slide ul li.pc{width: 35px;height: 27px;background: url(../images/icons.png) no-repeat 0px -303px;}
.quality .box .swiper-slide ul li.windows{width: 27px;height: 27px;background: url(../images/icons.png) no-repeat -73px -304px;}
.quality .box .swiper-slide ul li.ios{width: 24px;height: 30px;background: url(../images/icons.png) no-repeat 0px -344px;}
.quality .box .swiper-slide ul li.andriod{width: 28px;height: 29px;background: url(../images/icons.png) no-repeat -72px -345px;}
.quality .box .swiper-slide ul li.ie{width: 28px;height: 28px;background: url(../images/icons.png) no-repeat 0px -392px;}
.quality .box .swiper-slide ul li.chrome{width: 30px;height: 30px;background: url(../images/icons.png) no-repeat -71px -392px;}
.quality .box .swiper-slide ul li.firefox{width: 32px;height: 30px;background: url(../images/icons.png) no-repeat 0px -432px;}
.quality .box .swiper-slide ul li.safari{width: 30px;height: 32px;background: url(../images/icons.png) no-repeat -71px -432px;}
.quality .box .swiper-slide ul li span{position: absolute;top: 30px;}
.quality .box .swiper-slide p{color: #e1e1e1;text-align: center;line-height: 36px;}
.quality .box a.lookall {
    display:block;margin:0 auto;margin-top:90px;width:300px;padding:9pt 0;color:#0a8;font-size:18px;letter-spacing:3px;text-align:center;text-decoration:none;
    border:1px solid #0a8;border-radius:5px;-moz-opacity:0;opacity:0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.quality.active .box a.lookall{-moz-opacity: 1;opacity: 1;}
.quality .box a.lookall:hover{color: White;background: #0f8773;border: 1px solid #0f8773; cursor:pointer;}
.quality .box .mini,.quality .box a.prev,.quality .box a.next{display: none;}
/*媒介 end*/
/*home brand case TAB*/
.pic_box{width:100%; max-width:1280px;margin:0 auto;}
.pic_menu{width:600px;margin:30px auto 0 auto;text-align:center;}
.pic_tab a{float:left;width:30%; height:30px; line-height:30px; font-size:16px;margin:10px 5px; border:1px #ccc solid; background-color:#FFF; color:#555; cursor:pointer;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius:5px;}
.pic_tab a:hover{border:1px #FFF solid; background-color:#00CCCC;}
.pic_tab a:hover{color:#FFF;}
.pic_con{clear:both;}
.pic{float:left; width:30%; margin:10px;}
.pic img{width:100%; height:auto;}
.hidecontent {display:none;}
.pic_box a.more {
	display: block;
	margin: 30px auto;	
	width: 120px;
	padding: 5px 0px;
	color: #00dfb9;
	font-size: 26px;
	text-align: center;
	text-decoration: none;
	border: 1px dotted #00dfb9;
	-webkit-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
	transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
}
.pic_box a.more:hover {color: White;background: #2fd0b5;}

@media (max-width:600px) {
.pic_menu{width:100%;margin:0 auto;text-align:center;}
.pic_box a.more {margin: 0 auto;width: 66px;font-size: 16px;padding: 3px 0px;}
}   
/*home brand case TAB end*/  
/*整合*/
section.marketing{background: url(../images/wallpaper6.jpg) 50% 45%;}
.marketing .box {position: relative;margin-top: -80px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.marketing .box .caption {position:relative;width:100%;text-align:center;-moz-opacity:0;opacity:0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	z-index: 10;
}
.marketing.active .box .caption{-moz-opacity: 1;opacity: 1;}
.marketing .box .caption i{display: block;margin: 0 auto;margin-bottom: 20px;width: 240px;height: 37px;background: url(../images/words.png) no-repeat right -576px;}
.marketing .box .caption span{padding-left: 5px;font-size: 24px;}
.marketing .box ul.items{margin: 0 auto;margin-top: 30px;position: relative;z-index: 10;}
.marketing .box ul.items li{width: 128px;height: 230px;margin: 0 20px;overflow: hidden;}
.marketing .box ul.items li i{display: block;position: relative;margin: 0 auto;margin-top: 28px;height: 70px;}
.marketing .box ul.items li.se i{width: 54px;background: url(../images/words.png) no-repeat -144px -632px;}
.marketing .box ul.items li.weixin i{width: 74px;background: url(../images/words.png) no-repeat -207px -630px;}
.marketing .box ul.items li.weibo i{width: 68px;background: url(../images/words.png) no-repeat -288px -630px;}
.marketing .box ul.items li.sms i{width: 61px;background: url(../images/words.png) no-repeat -366px -628px;}
.marketing .box ul.items li.pay i{width: 56px;background: url(../images/words.png) no-repeat -438px -639px;}
.marketing .box ul.items li.bbs i{width: 55px;background: url(../images/words.png) no-repeat -144px -705px;}
.marketing .box ul.items li u {display:block;position:absolute;width:8pc;height:8pc;background:url(../images/words.png) no-repeat 0 -39pc;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.marketing .box ul.items li u.cl{clip: rect(0px,128px,-10px,64px);}
.marketing .box ul.items li:hover u.cl{clip: rect(0px,128px,128px,64px);}
.marketing .box ul.items li u.cr{clip: rect(128px,64px,128px,0px);}
.marketing .box ul.items li:hover u.cr{clip: rect(0px,64px,128px,0px);}
.marketing .box ul.items li strong {display:block;margin:200px 0 10px 0;font-size:1pc;text-align:center;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.marketing.active .box ul.items li strong{margin-top: 50px;}
.marketing .box ul.items li p{line-height: 20px;text-align: center;}
.marketing .shade {display:none;position:absolute;top:0;width:100%;background:#fff;-moz-opacity:.4;opacity:.4;filter:alpha(opacity=40);}
/*整合 end*/

/*index aboutus*/
section.aboutus {position: relative;background: url(../images/wallpaper7.jpg) 50% 60%;-moz-background-size: cover;background-size: cover;}
.aboutus ul.menu{position:absolute;list-style:none;top:150px;left:50px;width:5pc;padding:0;}
.aboutus ul.menu li{position:relative;color:#888;font-size:1pc;text-align:center;padding:10px 0;cursor:pointer;z-index:30;
	-webkit-transition: all .0s ease-in-out .2s;
	-moz-transition: all .0s ease-in-out .2s;
	-ms-transition: all .0s ease-in-out .2s;
	-o-transition: all .0s ease-in-out .2s;
	transition: all .0s ease-in-out .2s;
}
.aboutus ul.menu li.active {color: White;}
.aboutus ul.menu li.bg.all{position:absolute;padding:0;top:0;left:0;width:5pc!important;height:123px!important;background:#2fd0b5;-moz-opacity:.15;opacity:.15;filter:alpha(opacity=15);z-index:10}
.aboutus ul.menu li.bg.one{position:absolute;top:0;left:0;width:5pc;background:#2fd0b5;-moz-opacity:.2;opacity:.2;filter:alpha(opacity=20);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 20;
}
.aboutus .items {position:absolute;left:-520px;width:520px;height:25pc;-moz-opacity:0;opacity:0;
	-webkit-transition: all .8s ease-in-out 0s;
	-moz-transition: all .8s ease-in-out 0s;
	-ms-transition: all .8s ease-in-out 0s;
	-o-transition: all .8s ease-in-out 0s;
	transition: all .8s ease-in-out 0s;
}
.aboutus.active .items{left: 45%;-moz-opacity: 1;opacity: 1;}
.aboutus .items .swiper-slide.nth1 strong{display: block;color: #00dfb9;font-size:30px;font-weight: normal;letter-spacing: 5px;}
.aboutus .items .swiper-slide.nth1 p{margin-top: 20px;color: #999;line-height: 35px;}
.aboutus .items .swiper-slide.nth1 u{display: block;margin-top: 20px;color: #999;font-size: 20px;text-decoration: none;}
.aboutus .items .swiper-slide.nth2 strong{display: block;color: #00dfb9;font-size: 22px;font-weight: normal;text-indent: 28px;}
.aboutus .items .swiper-slide.nth2 p{margin-top: 20px;color: #999;line-height: 35px;text-indent: 28px;}
.aboutus .items .swiper-slide.nth3 strong{display: block;margin-bottom: 20px;color: #00dfb9;font-size: 22px;font-weight: normal;}
.aboutus .items .swiper-slide.nth3 ul{padding: 0px;}
.aboutus .items .swiper-slide.nth3 ul li,.aboutus .items .swiper-slide.nth4 ul li{color: #999;line-height: 35px;padding-left:15px;list-style: none;background: url(../images/img.png) no-repeat 0px -218px;}
.aboutus .items .swiper-slide.nth3 ul li a,.aboutus .items .swiper-slide.nth4 ul li a{color: #999;}
.aboutus .items .swiper-slide.nth3 ul li a:hover,.aboutus .items .swiper-slide.nth4 ul li a:hover{color: #00dfb9; text-decoration:underline;}
.aboutus .items .swiper-slide.nth3 ul li u {margin: 0 15px;text-decoration: none;}
.aboutus table.exp {position: absolute;bottom: -80px;width: 100%;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	z-index: 20;
}
.aboutus.active table.exp{bottom: 0px;}
.aboutus table.exp td{width: 20%;height: 70px;color: #bbb;text-align: center;}
.aboutus table.exp u{margin-right: 10px;color: #00dfb9;font-family: Arial;font-size: 26px;text-decoration: none;}
.aboutus .expBg {position:absolute;bottom:-5pc;width:100%;height:70px;background:#fff;-moz-opacity:.2;opacity:.2;filter:alpha(opacity=20);
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	z-index: 10;
}
.aboutus.active .expBg {bottom: 0px;}
/*index aboutus end*/

/*contact us*/
section.contact{position:relative;background:url(../images/wallpaper8.jpg) 50% bottom;-moz-background-size:cover;background-size:cover}
.contact .box{position:relative;margin:0 auto;width:810px;height:330px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.contact .box .above {position:relative;top:-300px;width:100%;height:200px;-moz-opacity:0;opacity:0;	
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
}
.contact.active .box .above {top: 0px;-moz-opacity: 1;opacity: 1;}
.contact .box .above .wechat {float: left; text-align:center;}
.contact .box .above .wechat span{line-height:20px; font-size:12px;}
.contact .box .above .wechat img{width: 100%; display: block; -webkit-box-shadow: #eee 0px 0px 10px;-moz-box-shadow: #eee 0px 0px 10px;box-shadow: #eee 0px 0px 10px;behavior: url(../js/PIE.htc);}
.contact .box .above .left {float: left;margin: -12px 0px 0px 70px;}
.contact .box .above .left a.tel{display:block;margin:10px 0 15px;width:243px;height:37px;text-decoration:none;background:url(../images/words.png) no-repeat 0 -877px}
.contact .box .above .left a.tel img{margin:20px 0 0 195px;}
.contact .box .above .left p{margin-top: 8px;color: #555;line-height: 30px;}
.contact .box .above .left a{color: #555;text-decoration: none;}
.contact .box .above .left p u{margin: 0 5px;text-decoration: none;}
.contact .box .above .left p a.job{margin-left: 5px;color: #F60;font-weight: bold;}
.contact .box .above .left p a.job:hover{border-bottom: 1px solid #d00000;}
.contact .box .above .right{float: right;margin-top: 50px;color: #555;line-height: 30px;}
.contact .box .above .right u{margin: 0 5px;text-decoration: none;}
.contact .box .below{position: relative;padding-top: 50px;width: 100%;border-top: 1px dotted #ccc;}
.contact .box .below i{display:block;position:relative;top:300px;margin:0 auto;width:500px;height:86px;background:url(../images/words.png) no-repeat 0 -787px;-moz-opacity:0;opacity:0;
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;}
.contact.active .box .below i{top: 0px;-moz-opacity: 1;opacity: 1;}
.link{position:absolute; bottom:0; text-align:center; width:100%;padding:5px 0; font-size:12px;}
.link a{border-left:1px solid #999;height:14px;line-height:14px;padding:0 8px 0 10px; color:#888; display:inline-table;}
.link a:hover{color:#2FD0B5;}
.link SPAN A{border:0; height:14px;line-height:14px; color:#2FD0B5; display:inline-table}
/*contact us end*/

/*@welcome*/
@media (max-width:800px),(max-height:480px) {
div.welcome p {width:218px;padding-top:150px;top:50%;left:50%;margin-top:-110px;margin-left:-109px;}
div.welcome p u{font-size:15px;}
}
@media (max-height:260px) {
div.welcome p{height:158px;padding: 0px;margin-top: -79px;}
div.welcome p u{display: none;}
}
/*@welcome end*/
/*@video*/
@media (max-width:1280px) and (max-height:800px) {
.video .swiper-container .nth1 {background: url(../images/wallpaper1_1_h800.jpg) 50% 35%;}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth1 {background: url(../images/wallpaper1_1_h600.jpg) 50% 35%;}
}
@media (max-height:750px) {
.video .swiper-container .nth1 .line {display: none;}
}
@media (max-width:900px),(min-height:1201px),(max-height:720px) {
.video .swiper-container .nth1 .shade {display: none;}
}
@media (orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
.video .swiper-container .nth1 .box .left{width: 0px;height: 139px;left: -150px;background: url(../images/words_mini.png) no-repeat top right;}
.video .swiper-container .nth1 .box .right{margin-top: 8px;right: -300px;}
.video .swiper-container .nth1 .box .right span{font-size: 24px;}
.video .swiper-container .nth1 .box .right i{width: 203px;height: 40px;margin: 3px 0px 5px 0px;background: url(../images/words_mini.png) no-repeat;}
.video .swiper-container .nth1 .box .right p{font-size: 12px;font-family: "宋体";line-height: 20px;}
}
@media (max-width:1280px) and (max-height:800px) {
.video .swiper-container .nth2 {background: url(../images/wallpaper1_2_h800.jpg) 50% 20%;}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth2 {background: url(../images/wallpaper1_2_h600.jpg) 50% 20%;}
}
@media (max-width:799px) {
.video .swiper-container .nth2 .box{left: -400px;width: 100%;text-align: center;}
.video .swiper-container .nth2.active .box{left: 0px;}
.video .swiper-container .nth2 .box i{margin: 0 auto;margin-bottom: 10px;}
}
@media (orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
.video .swiper-container .nth2 .box span{font-size: 24px;}
.video .swiper-container .nth2 .box i{width: 191px;height: 40px;margin-top: 8px;margin-bottom: 5px;background: url(../images/words_mini.png) no-repeat 0px -45px;}
.video .swiper-container .nth2 .box p{font-size: 12px;font-family: "宋体";line-height: 20px;}
}
@media (max-width:1280px) and (max-height:800px) {
.video .swiper-container .nth3 {background: url(../images/wallpaper1_3_h800.jpg) 50% center;}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth3 {background: url(../images/wallpaper1_3_h600.jpg) 50% center;}
}
@media (orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
.video .swiper-container .nth3 .box .top{font-size: 40px;}
.video .swiper-container .nth3.active .box .top{font-size: 24px;}
.video .swiper-container .nth3 .box .mid{width: 216px;height: 40px;margin-top: 10px;background: url(../images/words_mini.png) no-repeat 0px -131px;}
.video .swiper-container .nth3 .box .bottom{font-size: 12px;font-family: "宋体";line-height: 20px;}
}
@media (max-width:1280px) and (max-height:800px) {
.video .swiper-container .nth4 {background: url(../images/wallpaper1_4_h800.jpg) 50% top;}
}
@media (max-width:960px) and (max-height:600px) {
.video .swiper-container .nth4 {background: url(../images/wallpaper1_4_h600.jpg) 50% top;}
}
@media (orientation:landscape) and (max-height:480px),(orientation:portrait) and (max-width:699px) {
.video .swiper-container .nth4 .box .top span{font-size: 24px;}
.video .swiper-container .nth4 .box .top i{width: 143px;height: 38px;background: url(../images/words_mini.png) no-repeat 0px -88px;}
.video .swiper-container .nth4 .box .bottom{font-size: 12px;font-family: "宋体";line-height: 20px;}
}
@media (orientation:landscape) and (max-height:300px) {
.video .swiper-container .swiper-slide{padding-top: 10px;}
.video .swiper-container .nth2 .shade{margin-top: -10px;height: 400px;}
}
@media (orientation:landscape) and (max-height:650px) {
.video .innerBox{bottom: 15px;}
.video .innerBox .news{margin-left: 100px;margin-bottom: 10px;}
.video .innerBox .guide{position: absolute;margin: 0px;right: 15px;bottom: 18px;width: 110px;}
.video .innerBox .guide a{margin: 0px 3px;width: 20px;}
.video .innerBox a.movedown{position: absolute;margin: 0px;left: 15px;bottom: 0px;}
}
@media (orientation:landscape) and (max-height:650px) and (max-width:660px) {
.video .innerBox .news a.more{display: none;}
.video .innerBox .news span{display: none;}
}
@media (orientation:landscape) and (max-height:650px) and (max-width:540px) {
.video .innerBox .news{margin-left: 85px;}
.video .innerBox .news ul li{font-size: 12px;font-family: "宋体";}
}
@media (orientation:landscape) and (max-height:650px) and (max-width:460px),(orientation:landscape) and (max-height:300px),(orientation:portrait) and (max-height:380px) {
.video .innerBox .news {display: none;}
}
@media (orientation:portrait) and (max-width:460px) {
.video .innerBox .news a.more{display: none;}
.video .innerBox .news span{display: none;}
.video .innerBox .news{width: 100%; margin:0 auto;}
.video .innerBox .news ul{width:100%;text-align: center;}
.video .innerBox .news ul li{width:90%; margin:0 auto; color:#ddd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media (orientation:portrait) and (max-width:360px) {
.video .innerBox .news{margin-bottom: 10px;}
.video .innerBox .news ul li{font-size: 12px;font-family: "宋体";
}.video .innerBox .guide{position: static;margin: 0 auto;padding-top: 10px;margin-bottom: 25px;right: inherit;bottom: inherit;width: 110px;}
.video .innerBox .guide a{margin: 0 3px;width: 20px;}
.video .innerBox a.movedown{position: static;margin: 0 auto;left: 0px;}
}
/*@video end*/
/*@we do*/
@media (min-width:1921px),(min-height:1201px) {
section.business {-moz-background-size: cover;background-size: cover;}
}
@media (min-height:1201px) {
.business .box {margin-top: -70px;}
}
@media (min-width:1151px) and (max-height:700px) {
.business .box .caption i{display: none;}.business .box ul.items{margin-top: 50px;}
}
@media (min-width:1151px) and (max-height:630px) {
.business .box {margin-top: 0px;}
}
@media (max-width:1150px) {
.business .box ul.items{margin-top: 40px;}
.business .box ul.items li{width: 170px;height: 270px;margin: 0px;}
.business .box ul.items li u{background: none;display: none;}
.business .box ul.items li strong{margin-top: 40px;}
.business .box ul.items li:hover{-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
}
@media (max-width:1150px) and (max-height:680px) {
.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 10px;}
}
@media (max-width:1150px) and (max-height:580px) {
.business .box {margin-top: 0px;}
}
@media (max-width:1000px) {
.business .box{margin-top: -55px;}
.business .box ul.items li{width: 270px;height: 80px;margin: 30px 0 0 21px;padding: 10px 0 5px 15px;}
.business .box ul.items li i{margin-top: 0px;float: left;}
.business .box ul.items li strong{float: left;margin: 5px 0 0 20px;}
.business .box ul.items li p{float: left;margin: 5px 0 0 20px;color: #888;text-align: inherit;}
.business .box ul.items li:hover p{margin: -3px 0 0 20px;color: White;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-ms-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.business .box label{margin-top: 50px;}
}
@media (max-width:1000px) and (max-height:730px) {
.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 10px;}
}
@media (max-width:1000px) and (max-height:650px) {
.business .box label {display: none;}
}
@media (max-width:1000px) and (max-height:560px) {
.business .box {margin-top: 0px;}
}
@media (max-width:929px) and (max-height:880px) {
.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 10px;}
}
@media (max-width:929px) and (max-height:770px) {
.business .box label {display: none;}
}
@media (max-width:929px) and (max-height:680px) {
.business .box {margin-top: 0px;}
}
@media (max-width:929px) and (max-height:570px),(max-width:620px) {
.business .box{margin-top: -55px;}
.business .box ul.items{margin-top: 30px;}
.business .box ul.items li{width: 173px;height: 43px;margin: 15px 10px 0px 10px;}
.business .box ul.items li i{margin-top: 0px;}
.business .box ul.items li.pc i{width: 46px;height: 35px;background: url(../images/words_mini.png) no-repeat -145px -217px;}
.business .box ul.items li.mobi i{width: 46px;height: 39px;background: url(../images/words_mini.png) no-repeat -245px -176px;}
.business .box ul.items li.sys i{width: 46px;height: 35px;background: url(../images/words_mini.png) no-repeat -249px -220px;}
.business .box ul.items li.app i{width: 46px;height: 41px;background: url(../images/words_mini.png) no-repeat -146px -264px;}
.business .box ul.items li.host i{width: 47px;height: 38px;background: url(../images/words_mini.png) no-repeat -253px -266px;}
.business .box ul.items li p{display: none;}
.business .box ul.items li strong{margin-left: 15px;}
.business .box ul.items li.pc:hover i{background: url(../images/words_mini.png) no-repeat -100px -217px;}
.business .box ul.items li.mobi:hover i{background: url(../images/words_mini.png) no-repeat -201px -176px;}
.business .box ul.items li.sys:hover i{background: url(../images/words_mini.png) no-repeat -196px -220px;}
.business .box ul.items li.app:hover i{background: url(../images/words_mini.png) no-repeat -100px -264px;}
.business .box ul.items li.host:hover i{background: url(../images/words_mini.png) no-repeat -201px -266px;}
}
@media (max-width:929px) and (max-height:460px) {
.business .box ul.items{margin-top: 15px;}
.business .box ul.items li{margin: 5px 10px 0px 10px;}
}
@media (max-width:929px) and (max-height:420px) {
.business .box ul.items{margin-top: 30px;}
.business .box{margin-top: 0px;}
}
@media (max-width:929px) and (max-height:720px) {
.business .box label {display: none;}
}
@media (max-width:929px) and (max-height:660px) {
.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 30px;}
}
@media (max-width:929px) and (max-height:550px) {
.business .box ul.items{margin-top: 20px;}
.business .box ul.items li{margin: 5px 10px 0px 10px;}
}
@media (max-width:929px) and (max-height:460px) {
.business .box {margin-top: 0px;}
}
@media (max-width:929px) and (max-height:320px) {
.business .box ul.items {margin-top: 15px;}
}
@media (max-width:929px) and (max-height:310px),(max-width:638px) and (max-height:390px),(max-width:425px) and (max-height:500px) {
.business .box ul.items{margin-top: 40px;}
.business .box ul.items li{width: 120px;height: 40px;margin: 0px 10px 15px 10px;padding: 0px;background: none;}
.business .box ul.items li strong{position: relative;margin: 0px;width: 100%;height: 40px;font-size: 14px;line-height: 40px;text-align: center;z-index: 10;}
.business .box ul.items li:hover strong{color: #333;}
.business .box ul.items li i{position: absolute;display: block !important;width: 120px !important;height: 40px !important;background: White !important;border: 1px solid #bbb;-moz-opacity: 0.5;opacity: 0.5;}
}
@media (max-width:929px) and (max-height:260px) {
.business .box{margin-top: 8px;}
.business .box ul.items{margin-top: 18px;}
}
@media (max-width:425px) and (max-height:880px) {
.business .box .caption i{display: block;}
.business .box label{display: none;}
}
@media (max-width:425px) and (max-height:770px) {
.business .box .caption i{display: none;}
.business .box ul.items{margin-top: 20px;}
}
@media (max-width:425px) and (max-height:670px) {
.business .box {margin-top: 0px;}
}
@media (max-width:425px) and (max-height:500px) {
.business .box ul.items {margin-top: 40px;}
}
@media (max-width:390px) {
.business .box .caption i {display: none;}
}
/*@we do end*/
/*@web-cases*/
@media (min-width:1151px) and (max-height:700px) {
.cases .box .swiper-container.items{margin-top: 40px;}
.cases .box .caption i{display: none;}
}
@media (min-width:1151px) and (max-height:620px) {
.cases .box .swiper-container.items .swiper-slide {border: none;}
}
@media (orientation:landscape) and (max-width:900px) and (max-height:450px) {
.cases .box .swiper-container.items {position:relative;margin:0 auto;margin-top:0;top:700px;width:100%;	
	-webkit-transition: all .8s ease-in-out 0s;
	-moz-transition: all .8s ease-in-out 0s;
	-ms-transition: all .8s ease-in-out 0s;
	-o-transition: all .8s ease-in-out 0s;
	transition: all .8s ease-in-out 0s;
}
.cases .box a.more{margin-top: 18px;width: 66px;padding: 3px 0px;font-size: 16px;}
}
@media (orientation:portrait) and (max-width:900px) and (max-height:700px) {
.cases .box .swiper-container.items {margin-top: 12px;}	
}
@media (orientation:portrait) and (max-width:500px) and (max-height:640px) {
.cases .box .caption i {display: none;}
}
@media (orientation:portrait) and (max-width:500px) and (max-height:580px) {
.cases .box a.more{display: block;position: static;margin: 0 auto;margin-top: 0px;width: 66px;font-size: 16px;padding: 3px 0px;}
}
/*@web-cases end*/
/*@brand-cases*/
@media (min-width:1921px),(min-height:1201px) {
section.clients {-moz-background-size: cover;background-size: cover;}
}
@media (max-width:1280px) and (max-height:800px) {
section.clients {background: url(../images/wallpaper4_h800.jpg) 50% 90%;}
}
@media (max-width:960px) and (max-height:600px) {
section.clients {background: url(../images/wallpaper4_h600.jpg) 50% 90%;}
}
@media (min-width:471px) and (max-height:550px) {
.clients .box .swiper-container.items{margin-top: 40px;}
.clients .box .caption i{display: none;}
}
@media (max-width:400px) {
.clients .box .caption i {display: none;}
}
/*@brand-cases end*/
/*@mei-jie*/
@media (min-width:1921px),(min-height:1201px) {
section.quality {-moz-background-size: cover;background-size: cover;}
}
@media (max-width:1280px) and (max-height:800px) {
section.quality {background: url(../images/wallpaper5_h800.jpg) 50% 10%;}
}
@media (max-width:960px) and (max-height:600px) {
section.quality {background: url(../images/wallpaper5_h600.jpg) 50% 10%;}
}
@media (max-width:960px) {
.quality .box .items{display: none;}
.quality .box .mini{display: block;margin: 0 auto;margin-top: 120px;width: 240px;height: 200px;overflow: hidden;}
.quality .box .mini .swiper-slide{margin: 0px;}
.quality .box a.prev,.quality .box a.next {display:block;position:absolute;top:-300px;width:16px;height:30px;cursor:pointer;	
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 100;
}
.quality .box a.prev{left: 30px;background: url(../images/icons.png) no-repeat 0px -219px;}
.quality .box a.next{right: 30px;background: url(../images/icons.png) no-repeat -25px -219px;}
}
@media (max-height:730px) {
.quality .box .items,.quality .box .mini {margin-top: 80px;}
}
@media (max-height:710px) {
.quality .box a.lookall {display: none;}
}
@media (max-height:530px) {
.quality .box .items,.quality .box .mini{margin-top: 60px;}
.quality .box .caption i{display: none;}
}
@media (max-height:420px) {
.quality .box .items,.quality .box .mini{height: 120px;margin-top: 40px;}
.quality .box a.prev,.quality .box a.next{margin-top: -40px;}
}
@media (max-height:360px) {
.quality .box .items,.quality .box .mini{height: 110px;margin-top: 20px;}
.quality .box .swiper-slide ul{margin-bottom: 10px;}
.quality .box a.prev,.quality .box a.next{margin-top: -80px;}
}
/*@mei-jie end*/
/*@整合*/
@media (min-width:1921px),(min-height:1201px) {
section.marketing {-moz-background-size: cover;background-size: cover;}
}
@media (max-width:1280px) and (max-height:800px) {
section.marketing {background: url(../images/wallpaper6_h800.jpg) 50% 45%;}
}
@media (max-width:960px) and (max-height:600px) {
section.marketing {background: url(../images/wallpaper6_h600.jpg) 50% 45%;}
}
@media (max-width:1100px) {
.marketing .box ul.items li {margin: 0 10px;}
}
@media (min-width:1001px) and (min-height:951px) {
.marketing .box {margin-top: -170px;}
}
@media (min-width:1001px) and (max-height:950px) {
.marketing .box {margin-top: -130px;}
}
@media (min-width:1001px) and (max-height:850px) {
.marketing .box {margin-top: -90px;}
}
@media (min-width:1001px) and (max-height:750px) {
.marketing .box {margin-top: -60px;}
}
@media (min-width:1001px) and (max-height:700px) {
.marketing .box .caption i {display: none;}
}
@media (min-width:1001px) and (max-height:650px) {
.marketing .box {margin-top: 0px;}
}
@media (max-width:1000px) {
.marketing .box{margin: 0px;}
.marketing .box ul.items{width: 550px !important;}
.marketing .box ul.items li{height: 190px;margin: 0 20px;}
.marketing .box ul.items li u{display: none;}
.marketing.active .box ul.items li strong{margin-top: 20px;}
.marketing .shade{display: block;}
}
@media (max-width:1000px) and (min-height:920px) {
.marketing .box {margin-top: -100px;}
}
@media (max-width:1000px) and (max-height:700px) {
.marketing .box ul.items li {height: 140px;}
}
@media (max-width:1000px) and (max-height:580px) {
.marketing .box .caption i{display: none;}
.marketing .box ul.items{margin-top: 10px;}
}
@media (max-width:1000px) and (max-height:470px),(max-width:600px) {
.marketing .box ul.items{margin-top: 30px;width: 600px !important;}
.marketing .box ul.items li{width: 160px;height: 43px;margin: 30px 0 0 25px;}
.marketing .box ul.items li i{float: left;margin-top: 0px;height: 43px;}
.marketing .box ul.items li.se i{width: 33px;margin: 0 6px;background: url(../images/words_mini.png) no-repeat -86px -380px;}
.marketing .box ul.items li.weixin i{width: 45px;background: url(../images/words_mini.png) no-repeat -124px -377px;}
.marketing .box ul.items li.weibo i{width: 42px;margin: 0 1px 0 2px;background: url(../images/words_mini.png) no-repeat -172px -377px;}
.marketing .box ul.items li.sms i{width: 38px;margin: 0 3px 0 4px;background: url(../images/words_mini.png) no-repeat -219px -374px;}
.marketing .box ul.items li.pay i{width: 34px;margin: 0 5px 0 6px;background: url(../images/words_mini.png) no-repeat -263px -382px;}
.marketing .box ul.items li.bbs i{width: 31px;margin: 0 7px;background: url(../images/words_mini.png) no-repeat -86px -422px;}
.marketing .box ul.items li strong,.marketing.active .box ul.items li strong{float:left;margin:0px;padding-left:15px;line-height:43px;}
.marketing .box ul.items li p{display:none;}
}
@media (max-width:1000px) and (max-height:430px) {
.marketing .box ul.items{margin-top:20px;}
.marketing .box ul.items li{margin-top:20px;}
}
@media (max-width:600px) {
.marketing .box ul.items {margin-top: 50px;width: 395px !important;}
}
@media (max-width:600px) and (min-height:750px) {
.marketing .box {margin-top: -70px;}
}
@media (max-width:600px) and (max-height:520px) {
.marketing .box ul.items{margin-top: 20px;}
.marketing .box ul.items li{margin-top: 15px;}
}
@media (max-width:450px) {
.marketing .box{margin-top: 0px;}
.marketing .box ul.items{margin-top: 20px;width: 220px !important;}
}
@media (max-width:450px) and (max-height:730px) {
.marketing .box ul.items{margin-top: 30px;}
.marketing .box ul.items li{margin-top: 15px;}
}
@media (max-width:450px) and (max-height:650px) {
.marketing .box .caption i{display: none;}
.marketing .box ul.items{margin-top: 20px;}
}
@media (max-width:600px) and (max-height:380px),(max-width:450px) and (max-height:550px) {
.marketing .box ul.items{width: 222px !important;}
.marketing .box ul.items li{position: relative;width: 102px;margin: 0 3px;padding: 0px;text-align: center;}
.marketing .box ul.items li strong,.marketing.active .box ul.items li strong{display: block;position: absolute;float: none;padding: 0px;margin: 0 auto;width: 100px;font-size: 14px;font-weight: normal;line-height: 36px;border: 1px solid #eee;}
.marketing .box ul.items li i{position: absolute;width: 130px !important;height: 36px !important;margin: 0 !important;padding: 1px 0 0 1px !important;background: White !important;-moz-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);}
}
@media (orientation:landscape) and (max-height:230px) {
.marketing .box ul.items {width: 334px !important;}
}
/*@整合 end*/
/*@index-aboutus*/
@media (max-width:1280px) and (max-height:800px) {
section.aboutus {background: url(../images/wallpaper7_h800.jpg) 50% 60%;}
}
@media (max-width:960px) and (max-height:600px) {
section.aboutus {background: url(../images/wallpaper7_h600.jpg) 50% 60%;}
}
@media (max-width:1200px) {
.aboutus table.exp td:nth-child(2){display: none;}
.aboutus table.exp td{width: 25%;}
}
@media (max-width:1100px) {
.aboutus .items{left: auto;right: -480px;}
.aboutus.active .items{left: auto;right: 70px;}
}
@media (max-width:900px) {
.aboutus table.exp td:last-child{display: none;}
.aboutus table.exp td{width: 33.333333%;}
}
@media (max-width:780px) {
.aboutus.active .items {left: auto;right: 30px;}
}
@media (max-width:780px) and (max-height:500px) {
.aboutus ul.menu {top: 100px;}
}
@media (max-width:780px) and (max-height:400px) {
.aboutus .items{height: 220px;}
.aboutus .items .swiper-slide.nth1 strong{font-size: 22px;}
.aboutus .items .swiper-slide.nth1 p{margin-top: 15px;}
.aboutus .items .swiper-slide.nth1 u{margin-top: 15px;font-size: 22px;}
.aboutus .items .swiper-slide.nth2 p{margin-top: 12px;line-height: 32px;}
.aboutus .items .swiper-slide.nth3 strong{margin-bottom: 15px;}
}
@media (max-width:780px) and (max-height:340px) {
.aboutus .items{height: 190px;}
.aboutus.active .items{right: -50px;}
.aboutus .items .swiper-slide.nth1 strong{font-size: 22px;}
.aboutus .items .swiper-slide.nth1 u{margin-top: 0px;font-size: 14px;}
.aboutus .items .swiper-slide.nth2 p:last-child{display: none;}
.aboutus .items .swiper-slide.nth2 p{display: block;width: 350px;line-height: 35px;}
}
@media (max-width:780px) and (max-height:310px) {
.aboutus ul.menu{top: 40px;}
.aboutus .items{height: 140px;}
.aboutus.active .items{right: -100px;}
.aboutus .items .swiper-slide.nth1 strong{font-size: 22px;}
.aboutus .items .swiper-slide.nth1 p{font-family: "宋体";font-size: 12px;line-height: 25px;}
.aboutus .items .swiper-slide.nth1 u{margin-top: -6px;font-family: "宋体";font-size: 12px;}
.aboutus .items .swiper-slide.nth2 p{width: 330px;font-family: "宋体";font-size: 12px;line-height: 25px;}
.aboutus .items .swiper-slide.nth3 ul li{font-family: "宋体";font-size: 12px;line-height:25px;background-position: 0px 7px;background: url(../images/img.png) no-repeat 0px -225px;}
}
@media (max-width:550px) {
.aboutus ul.menu{top: 90px;left: auto;right: 30px;width: 180px;}
.aboutus ul.menu li{float: left;width: 60px;padding: 6px 0px;}
.aboutus ul.menu li.bg.all{left: auto;margin: 0px;width: 180px !important;height: 36px !important;}
.aboutus ul.menu li.bg.one{width: 60px;}
.aboutus .items,.aboutus.active .items{left: 30px;right: auto;}
}
@media (max-width:550px) and (max-height:310px) {
.aboutus ul.menu {top: 25px;}
}
@media (orientation:portrait) and (max-width:700px) {
.aboutus ul.menu{top: 120px;left: 50%;width: 80px;margin-left: -120px;width: 240px;}
.aboutus ul.menu li{float: left;width: 80px !important;padding: 10px 0px;}
.aboutus ul.menu li.bg.all{left: 50%;margin-left: -120px;width: 240px !important;height: 43px !important;}
.aboutus .items,.aboutus.active .items{left: 50%;margin-left: -260px;height: 250px;}
.aboutus .items .swiper-slide.nth1 strong{font-size:22px;text-align: center;}
.aboutus .items .swiper-slide.nth1 p{display: block;width: 280px;margin: 0 auto;margin-top: 15px;}
.aboutus .items .swiper-slide.nth1 u{font-size: 14px;width: 280px;margin: 0 auto;margin-top: 6px;}
.aboutus .items .swiper-slide.nth2 strong{text-align: center;margin-left: -20px;}
.aboutus .items .swiper-slide.nth2 p{display: block;width: 280px;margin: 0 auto;margin-top: 22px;}
.aboutus .items .swiper-slide.nth3 strong{text-align: center;margin-left: 10px;}
.aboutus .items .swiper-slide.nth3 ul{width: 300px;margin: 0 auto;}
.aboutus .items .swiper-slide.nth3 ul li{line-height:30px;background: url(../images/img.png) no-repeat 0px -223px;}
}
@media (orientation:portrait) and (max-width:700px) and (max-height:660px) {
.aboutus ul.menu{top: 100px;}
.aboutus .items,.aboutus.active .items{margin-top: 20px;}
}
@media (orientation:portrait) and (max-width:700px) and (max-height:500px) {
.aboutus ul.menu{top: 90px;}
.aboutus .items,.aboutus.active .items{margin-top: 60px;height: 260px;}
.aboutus .items .swiper-slide.nth1 p{margin-top: 15px;}
.aboutus .items .swiper-slide.nth3 ul li{line-height:30px;background: url(../images/img.png) no-repeat 0px -223px;}
}
@media (orientation:portrait) and (max-width:700px) and (max-height:470px) {
.aboutus ul.menu{top: 80px;}
.aboutus .items .swiper-slide.nth1 strong{font-size: 22px;}
.aboutus .items .swiper-slide.nth1 p{margin-top: 10px;line-height: 27px;}
.aboutus .items .swiper-slide.nth1 u{margin-top: 4px;}
.aboutus .items .swiper-slide.nth2 p{margin-top: 10px;line-height: 28px;}
.aboutus .items .swiper-slide.nth2 p:last-child{display: none;}
.aboutus .items .swiper-slide.nth3 strong{margin-bottom: 8px;}
.aboutus .items .swiper-slide.nth3 ul li{line-height: 30px;background: url(../images/img.png) no-repeat 0px -223px;}
}
@media (max-width:680px),(max-height:470px) {
.aboutus table.exp,.aboutus .expBg {display: none;height: 0px;}
}
/*@index-aboutus end*/
/*@index-contact*/
@media (max-width:1280px) and (max-height:800px) {
section.contact {background: url(../images/wallpaper8_h800.jpg) 50% bottom;}
}
@media (max-width:960px) and (max-height:600px) {
section.contact {background: url(../images/wallpaper8_h600.jpg) 50% 10%;}
}
@media (max-width:950px) {
.contact .box{width: 470px;margin-top:-35px;}
.contact .box .above .left{float: right;margin-left: 0px;}
.contact .box .above .right{display: none;}
}
@media (orientation:landscape) and (max-height:520px) {
.contact .box{height: 150px;}
.contact .box .below{display: none;}
}
@media (orientation:landscape) and (max-height:480px) and (max-width:570px) {
.contact .box{width: 380px;height: 140px;}
.contact .box .above .wechat{margin-top: 5px;width: 150px;}
.contact .box .above .left p{margin-top: 0px;}
}
@media (orientation:portrait) and (max-width:550px) {
.contact .box{width: 430px;height: 490px;}
.contact .box .above .wechat{position: absolute;float: none;margin: 0px;top: 200px;width: 120px;left: 50%;margin-left: -50px;}
.contact .box .above .left{position: absolute;float: none;margin: 0px;top: 0px;left: 50%;margin-left: -140px;}
.contact .box .below{margin-top: 150px;}
}
@media (orientation:portrait) and (max-width:550px) and (max-height:650px),(orientation:portrait) and (max-width:470px) {
.contact .box{width:320px;height: 350px;}
.contact .box .above .wechat{width: 150px;margin-left: -75px;}
.contact .box .below{display: none;}
}
@media (orientation:portrait) and (max-height:450px) {
.contact .box{height: 160px;}
.contact .box .above .wechat{display: none;}
}
/*@index-contact end*/